<template>
  <div class="app-container">
    <el-tabs type="border-card" v-model="activeName">
      <el-tab-pane name="CustList" label="我关注的客户"></el-tab-pane>
      <el-tab-pane name="BusinessList" label="我参与的商机"></el-tab-pane>
      <el-tab-pane name="ProjectList" label="我参与的项目"></el-tab-pane>
      <CustList v-if="activeName == 'CustList'"/>
      <BusinessList v-if="activeName == 'BusinessList'"/>
      <ProjectList v-if="activeName == 'ProjectList'"/>
    </el-tabs>
  </div>
</template>

<script setup name="MyFollowing">
import CustList from "./CustList.vue"
const BusinessList = defineAsyncComponent(() => import('./BusinessList.vue'));
const ProjectList = defineAsyncComponent(() => import('./ProjectList.vue'));

const activeName = ref('CustList')
</script>

<style lang="scss" scoped></style>
